{"attributes":{"analyticsType":"ga","backgroundColor":"#222c67","backgroundImage":"","componentStyle":"none","gaDimensions":[{"key":"BB_Event_Token","value":"{{ interaction:token || \"(bb not set)\" }}"},{"key":"BB_Touchpoint_URL","value":"{{ interaction:touchpoint:url || \"(bb not set)\" }}"},{"key":"BB_Touchpoint_Tech","value":"{{ interaction:touchpoint:technology:name || \"(bb not set)\" }}"},{"key":"BB_Object_UUID","value":"{{ tag:uuid || \"(bb not set)\" }}"},{"key":"BB_Object_GTIN","value":"{{ interaction:touchpoint:identifiers:gtin || \"(bb not set)\" }}"},{"key":"BB_Object_Lot","value":"{{ interaction:touchpoint:identifiers:lot || \"(bb not set)\" }}"},{"key":"BB_Object_Serial","value":"{{ interaction:touchpoint:identifiers:ser || \"(bb not set)\" }}"}],"trackingId":"G-H4WEDJYF02"},"relationships":{"components":{"items":[{"componentLists":{"content":"31"},"id":"53","options":{"backgroundColor":"#ffffff","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"0","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"0"},"typeId":"27"},{"componentLists":{"content":"392"},"id":"904","options":{"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"rgba(221, 221, 221, 1)","borderRadius":"0px","borderWidth":"0px","cssClass":"header fade-in","display":"flex","flexOptions":{"align-content":"center","align-items":"flex-start","justify-content":"space-between"},"fontSize":"16px","fontWeight":"400","height":"68px","margin":"0px","padding":"0px","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"100vw"},"typeId":"27"},{"componentLists":{"content":"180"},"id":"418","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"rgba(221, 221, 221, 0)","borderRadius":"0","borderWidth":"0","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"68px","margin":"0","padding":"0","textAlign":"left","textColor":"rgba(0, 0, 0, 0)","width":"100%"},"typeId":"27"},{"componentLists":{"content":"435"},"id":"988","options":{"events":[{"conditionalType":"eql","type":"advanced","valOne":"{{ interaction:touchpoint:url:searchParams:admin || \"false\" }}","valTwo":"true"}]},"typeId":"25"},{"componentLists":{"content":"431"},"id":"981","options":{"events":[{"conditionalType":"eql","conditionalValue":"nutrition","type":"variableCondition","varName":"studio_bb_state_page"}]},"typeId":"25"},{"componentLists":{"content":"356"},"id":"824","options":{"events":[{"conditionalType":"eql","conditionalValue":"home","type":"variableCondition","varName":"studio_bb_state_page"}]},"typeId":"25"},{"componentLists":{"content":"357"},"id":"825","options":{"events":[{"conditionalType":"eql","conditionalValue":"traceability","type":"variableCondition","varName":"studio_bb_state_page"}]},"typeId":"25"},{"componentLists":{"content":"451"},"id":"1026","options":{"events":[{"conditionalType":"eql","conditionalValue":"form","type":"variableCondition","varName":"studio_bb_state_page"}]},"typeId":"25"},{"componentLists":{"content":"349"},"id":"801","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"rgba(221, 221, 221, 0)","borderRadius":"0","borderWidth":"0","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"80px","margin":"0","padding":"0","textAlign":"left","textColor":"rgba(0, 0, 0, 0)","width":"100%"},"typeId":"27"},{"componentLists":{"content":"346"},"id":"781","options":{"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"rgba(255, 255, 255, 0)","borderRadius":"0px","borderWidth":"0px","cssClass":"footer-nav fade-in","display":"flex","flexOptions":{"align-content":"center","align-items":"center","justify-content":"space-around"},"fontSize":"16px","fontWeight":"400","height":"80px","margin":"0px","padding":"0px 16px","textAlign":"center","textColor":"rgba(255, 255, 255, 1)","width":"calc(100vw - 32px)"},"typeId":"27"},{"componentLists":{"content":"387"},"id":"894","options":{"backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"2px","cssClass":"modal disclaimer modal-hidden","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"32px","padding":"0px","textAlign":"center","textColor":"#000000","width":"auto"},"typeId":"27"},{"componentLists":{"content":"380"},"id":"882","options":{"backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"2px","cssClass":"modal disclaimer modal-hidden","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"32px","padding":"0px","textAlign":"center","textColor":"#000000","width":"auto"},"typeId":"27"},{"componentLists":{"content":"441"},"id":"1008","options":{"events":[{"type":"none"}]},"typeId":"25"}],"lists":[{"componentKey":"content","componentTypeId":"27","id":"2","items":[{"id":"413","options":{"code":"<div class=\"header-content\">\n  <div class=\"header-logo\">\n    <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/logo.png\">\n  </div>\n  <div class=\"header-title\">\n    <div class=\"header-title-top\">FarmFresh Delights</div>\n    <div class=\"header-title-bottom\">From our fields to your table</div>\n  </div>\n</div>"},"typeId":"14"},{"id":"414","options":{"code":"<div class=\"header-square\">\n  <span class=\"material-symbols-outlined\" style=\"margin:auto;font-size: 1.75em\">info</span>\n</div>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"31","items":[{"id":"175","options":{"code":"<script>\n  //hide this snippet\n  let snippet = window.frameElement.parentElement\n  snippet.style.display = 'none'\n\n  //load BB SDK\n  async function load_sdk(){\n    let bb_sdk = await window.parent.BlueBiteSDK();\n    window.top.bb_sdk = bb_sdk\n    \n    // get all variables\n    async function get_variables(){\n      return await bb_sdk.getLocalVariables() || {}\n    }\n    bb_sdk.get_variables = get_variables\n    \n    // get variable\n    async function get_variable(key){\n      let local_vars = await bb_sdk.getLocalVariables() || {}\n      return local_vars[key]\n    }\n    bb_sdk.get_variable = get_variable\n    \n    // set variable\n    async function set_variable(key, value){\n      await bb_sdk.setLocalVariable(key, `${value}`)\n      return true\n    }\n    bb_sdk.set_variable = set_variable\n    \n    // clear variable\n    async function clear_variable(key){\n      let clear = await bb_sdk.clearLocalVariable(key)\n      return clear\n    }\n    bb_sdk.clear_variable = clear_variable\n    \n    // reset variables\n    async function reset_variables(){\n      let do_not_clear = [\n        // 'studio_gs1_data_message',\n        ]\n      let local_vars = await bb_sdk.getLocalVariables()\n      for(const [key,val] of Object.entries(local_vars)){\n        if(!do_not_clear.includes(key) && !key.startsWith('studio_lotContest')){\n          await clear_variable(key)\n        }\n      }\n    }\n    bb_sdk.reset_variables = reset_variables\n    reset_variables()\n  }\n  load_sdk();\n</script>","rawHtml":true},"typeId":"14"},{"id":"174","options":{"code":"<script src=\"https://bluebite-static-assets.s3.amazonaws.com/blue-bite/common/gs1-digital-link/buffer.js\"></script>\n<script src=\"https://bluebite-static-assets.s3.amazonaws.com/blue-bite/common/gs1-digital-link/digital-link.js\"></script>\n<script>\n  // hide snippet\n  let snippet = window.frameElement.parentElement\n  snippet.style.display = 'none'\n  \n  // identify spinner\n  let doc = window.top.document\n  let loading_spinner = doc.getElementById('loading')\n  \n  // parse details from URL\n  const Buffer = buffer.Buffer\n  const { DigitalLink, Utils } = digitalLinkJs;\n  let url = new URL(`{{interaction:touchpoint:url || page:url}}`)\n  let dl = null\n  try{\n    dl = DigitalLink(url.href);\n  } catch {}\n  async function load_variables(){\n    \n    // wait for SDK to be ready\n    let bb_sdk = window.top.bb_sdk\n    while(!bb_sdk){\n      await new Promise(r => setTimeout(r, 100))\n      bb_sdk = window.top.bb_sdk\n    }\n    \n    // prepare local variables\n    let local_vars = {\n      gs1_gtin : dl && dl.getIdentifier()['01'] || '',\n      gs1_lot : dl && dl.getKeyQualifier('10') || '',\n      gs1_ser : dl && dl.getKeyQualifier('21') || '',\n      gs1_packaging_year : '20' + (url.searchParams.get('13') || '000000').substring(0,2),\n      gs1_packaging_month : (url.searchParams.get('13') || '000000').substring(2,4),\n      gs1_packaging_day : (url.searchParams.get('13') || '000000').substring(4,6),\n      gs1_best_before_year : '20' + (url.searchParams.get('15') || '000000').substring(0,2),\n      gs1_best_before_month : (url.searchParams.get('15') || '000000').substring(2,4),\n      gs1_best_before_day : (url.searchParams.get('15') || '000000').substring(4,6),\n    }\n    local_vars.gs1_packaging_date = `${local_vars.gs1_packaging_month}/${local_vars.gs1_packaging_day}/${local_vars.gs1_packaging_year}`\n    local_vars.gs1_best_before_date = `${local_vars.gs1_best_before_month}/${local_vars.gs1_best_before_day}/${local_vars.gs1_best_before_year}`\n    if (local_vars.gs1_packaging_date === '00/00/2000') {local_vars.gs1_packaging_date = '(not set)'}\n    if (local_vars.gs1_best_before_date === '00/00/2000') {\n      local_vars.gs1_best_before_date = '(not set)'\n      local_vars.best_before_color = 'gray'\n    } else {\n      let bbd = new Date(local_vars.gs1_best_before_date)\n      let today = new Date()\n      let day_delta = Math.ceil((bbd - today) / 86400000)\n      if(day_delta < 0){\n        local_vars.best_before_color = 'red'\n      } else if (day_delta < 3){\n        local_vars.best_before_color = 'orange'\n      } else {\n        local_vars.best_before_color = 'green'\n      }\n      local_vars.gs1_readable_best_before_date = bbd.toLocaleDateString('en-us',{year: 'numeric', month:'short', day:'numeric'})\n    }\n\n    local_vars.gs1_gtin_variant = `${local_vars.gs1_gtin}${local_vars.gs1_variant != '' && '_' + local_vars.gs1_variant || ''}`\n\n    // load airtable data\n    let airtable = await fetch(`https://bluebite-studio-cms.s3.amazonaws.com/markem-imaje/studio_data/appxRzLIN2jxGH0uw.json?t=${Date.now()}`)\n    airtable = await airtable.json()\n\n    // parse gtin data\n    let gtins = airtable.gtins || {}\n    let this_gtin = local_vars.gs1_lot && (gtins[local_vars.gs1_gtin_variant] || gtins[local_vars.gs1_gtin])\n    local_vars.your_selection = 'Your Selection:'\n    if (!this_gtin){\n      this_gtin = {}\n      local_vars.bad_gtin = 'true'\n      local_vars.your_selection = 'Something Went Wrong'\n      delete local_vars.gs1_readable_best_before_date\n    }\n    let gtin_sublots = this_gtin.subLots && this_gtin.subLots.split(',').map(item=>item.trim()) || []\n    for(const [k,v] of Object.entries(this_gtin)){\n      local_vars[`gtin_${k}`] = v\n    }\n    let foods = ['orange', 'almond', 'banana']\n    for(food of foods){\n      local_vars[`gs1_gtin_${food}`] = `${(this_gtin.includedFoods || []).join(',').toLowerCase().includes(food)}`\n    }\n    if(local_vars.gs1_gtin_almond == 'true'){\n      local_vars.studio_bb_state_modal_allergy = 'true'\n    }\n    \n    // parse eventTypes data\n    let eventTypes = airtable.eventTypes || {}\n    for(const [k,v] of Object.entries(eventTypes)){\n      eventTypes[k.replaceAll(' ','-')] = v\n    }\n    window.top.event_types = eventTypes\n\n    // parse lot data\n    let lots = await fetch(`https://bluebite-studio-cms.s3.amazonaws.com/markem-imaje/studio_data/tbljKcNpZ9TuRzz5B.json?t=${Date.now()}`)\n    lots = await lots.json()\n    let this_lot = lots[local_vars.gs1_lot] || {}\n    for(const [k,v] of Object.entries(this_lot)){\n      local_vars[`lot_${k}`] = v\n    }\n    \n    if((this_lot.recallStatusCombined || '').toLowerCase().includes('recall')){\n      local_vars.recall_status_label = 'RECALLED'\n      local_vars.recall_status_color = 'red'\n    } else {\n      local_vars.recall_status_label = 'FRESH'\n      local_vars.recall_status_color = 'green'\n    }\n    if (local_vars.bad_gtin) {\n      local_vars.recall_status_label = 'UNKNOWN'\n      local_vars.recall_status_color = 'gray'\n    }\n    \n    // parse lotHistory data\n    let histories = await fetch(`https://bluebite-studio-cms.s3.amazonaws.com/markem-imaje/studio_data/tblfTRi105dJTYSpE.json?t=${Date.now()}`)\n    histories = await histories.json()\n    let lot_history_ids = []\n    let stages = []\n    for(const [k,v] of Object.entries(histories)){\n      let include = this_lot.lotID && k.startsWith(local_vars.gs1_lot) || (this_lot.lotHistoryCombined || '').includes(k)\n      for(const id of gtin_sublots){\n        include = include || !this_lot.lotId && k.startsWith(id)\n      }\n      if(include){\n        lot_history_ids.push(k)\n        if(!stages.includes(v.stage)){\n          stages.push(v.stage)\n        }\n      }\n    }\n    \n    // stub out quality control if not present in AirTable\n    if(!stages.includes('S12-Quality-Control')){\n      stages.push('S12-Quality-Control')\n    }\n\n    // create future lot history steps\n    let future_lot_history = airtable.futureLotHistory\n    window.top.future_lot_history = future_lot_history\n    for(const [k,v] of Object.entries(future_lot_history)){\n      if(!stages.includes(k)){\n        stages.push(k)\n        if(k == 'S11-Transformation'){\n          let transformation_event = future_lot_history['S11-Transformation']\n          transformation_event.id = `${local_vars.gs1_lot}_S11-Transformation`\n          transformation_event.lotId = local_vars.gs1_lot\n          transformation_event.dateTime = `${new Date(local_vars.gs1_packaging_date).toLocaleDateString()}`\n          transformation_event.nextLocation = transformation_event.nextLocation || transformation_event.nextLocationDescription\n          transformation_event.subLots = this_gtin.subLots\n          lot_history_ids.push(transformation_event.id)\n          histories[transformation_event.id] = transformation_event\n        }\n      }\n    }\n    /*\n    if(!stages.includes('S11-Transformation')){\n      stages.push('S11-Transformation')\n      let transformation_event = future_lot_history['S11-Transformation']\n      transformation_event.id = `${local_vars.gs1_lot}_S11-Transformation`\n      transformation_event.lotId = local_vars.gs1_lot\n      transformation_event.dateTime = `${new Date(local_vars.gs1_packaging_date).toLocaleDateString()}`\n      transformation_event.nextLocation = transformation_event.nextLocation || transformation_event.nextLocationDescription\n      transformation_event.subLots = this_gtin.subLots\n      lot_history_ids.push(transformation_event.id)\n      histories[transformation_event.id] = transformation_event\n    }\n    */\n    stages.sort()\n    let lot_history = {}\n    for(const stage of stages){\n      lot_history[stage] = []\n    }\n    for(const id of lot_history_ids){\n      let history = histories[id]\n      let stage = history.stage\n      lot_history[stage] = lot_history[stage] || []\n      lot_history[stage].push(history)\n    }\n    local_vars.quality_control_color = local_vars.bad_gtin ? 'gray' : 'orange'\n    local_vars.quality_control_label = local_vars.bad_gtin ? 'UNKNOWN' : 'PENDING'\n    let qq = lot_history['S12-Quality-Control'][0]\n    if (qq && !local_vars.bad_gtin) {\n      let qq_note = `${qq.eventNote}`\n      local_vars.quality_control_color = qq_note.toLowerCase().includes('fail') ? 'red' : 'green'\n      local_vars.quality_control_label = qq_note.toLowerCase().includes('fail') ? 'FAILED' : 'PASSED'\n    }\n    for(const [k,h] of Object.entries(lot_history)){\n      h.sort(function(a, b) {\n        if(a.id < b.id) { return -1; }\n        if(a.id > b.id) { return 1; }\n        return 0;\n      });\n    }\n    window.top.lot_history = lot_history\n\n    //in-experience local vars\n    // let form_state = await bb_sdk.get_variable('studio_bb_form_state') || ''\n    // if(form_state.startsWith('thank_you')){\n    //   local_vars.studio_bb_form_state = 'personalized'\n    // } else if (form_state != 'personalized') {\n    //   local_vars.studio_bb_form_state = 'start'\n    //   local_vars.studio_bb_form_greeting = ''\n    //   local_vars.studio_bb_form_greeting_initials = 'BB'\n    // }\n\n    // local_vars.studio_bb_form_personalize_header = 'Personalize Your Page'\n    // local_vars.studio_bb_form_personalize_subheader = 'Signup for a welcome message'\n\n    local_vars.studio_bb_state_page = 'home'\n    local_vars.studio_bb_state_page_traceability = 'timeline'\n    local_vars.studio_bb_state_page_form = 'INITIAL'\n\n    // save local variables\n    for([k,v] of Object.entries(local_vars)){\n      await bb_sdk.set_variable(k,v!='' ? v : '(not set)')\n    }\n    \n    // fade out spinner\n    await new Promise(done => setTimeout(() => done(), 0));  \n    loading_spinner.style.opacity = 0\n    loading_spinner.style.pointerEvents = 'none'\n    \n    // listen for modal state changes\n    bb_sdk.registerOnLocalVariableChange(async function(k, v){\n      if(['studio_bb_state_page', 'studio_bb_state_page_traceability'].includes(k)){\n        await bb_sdk.set_variable('studio_bb_state_modal_disclaimer', 'false')\n        await bb_sdk.set_variable('studio_bb_state_modal_allergy', 'false')\n      }\n    })\n    \n    window.top.data_loaded = true\n  }\n  load_variables()\n</script>","rawHtml":true},"typeId":"14"},{"id":"777","options":{"code":"<script>\n  // hide snippet\n  let snippet = window.frameElement.parentElement\n  snippet.style.display = 'none'\n  \n  let doc = window.top.document\n  let script = doc.createElement('script')\n  script.src=\"https://cdn.jsdelivr.net/npm/swiper@8.0.6/swiper-bundle.min.js\"\n  doc.head.appendChild(script)\n  \n  let link = doc.createElement('link')\n  link.setAttribute('rel', 'stylesheet')\n  link.setAttribute('href', 'https://cdn.jsdelivr.net/npm/swiper@8.0.6/swiper-bundle.min.css')\n  doc.head.appendChild(link)\n</script>","rawHtml":true},"typeId":"14"},{"id":"1119","options":{"code":"<script>\n  // hide snippet\n  let snippet = window.frameElement.parentElement\n  snippet.style.display = 'none'\n  \n  let doc = window.top.document\n  let experience_app = doc.getElementById('experience-app')\n  let experience_div = experience_app.getElementsByTagName('div')[0]\n  experience_div.style = 'display: flex; flex-direction:column; min-height: 100vh'\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"180","items":[]},{"componentKey":"content","componentTypeId":"27","id":"346","items":[{"id":"789","options":{"code":"<div class=\"footer-nav-button\" id=\"footer-nav-nutrition\">\n  <div class=\"footer-nav-icon\">\n    <span class=\"material-symbols-outlined\">quick_reference</span>\n  </div>\n  <div class=\"footer-nav-text\">Nutrition</div>\n</div>"},"typeId":"14"},{"id":"786","options":{"code":"<div class=\"footer-nav-button selected\" id=\"footer-nav-home\">\n  <div class=\"footer-nav-icon\">\n    <span class=\"material-symbols-outlined\">home</span>\n  </div>\n  <div class=\"footer-nav-text\">Home</div>\n</div>"},"typeId":"14"},{"id":"790","options":{"code":"<div class=\"footer-nav-button\" id=\"footer-nav-traceability\">\n  <div class=\"footer-nav-icon\">\n    <span class=\"material-symbols-outlined\">view_timeline</span>\n  </div>\n  <div class=\"footer-nav-text\">Traceability</div>\n</div>"},"typeId":"14"},{"id":"864","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  snippet.style = 'display:none'\n  \n  let section = snippet.parentElement\n  let buttons = section.getElementsByClassName('footer-nav-button')\n  \n  async function button_listener(event){\n    let bb_sdk = window.top.bb_sdk\n    for(const button of buttons){\n      if(button == event.target || button.contains(event.target)){\n        let label = button.getElementsByClassName('footer-nav-text')[0] || {}\n        let state = (label.innerText || '').toLowerCase()\n        await bb_sdk.set_variable('studio_bb_state_page', state)\n        await bb_sdk.set_variable('studio_bb_state_page_traceability', 'timeline')\n        button.classList.add('selected')\n      } else {\n        button.classList.remove('selected')\n      }\n    }\n  }\n  \n  async function add_button_listeners(){\n    while(!window.top.data_loaded){\n      await new Promise(r => setTimeout(r, 100))\n    }\n    let bb_sdk = window.top.bb_sdk\n    let bad_gtin = await bb_sdk.get_variable('bad_gtin')\n    for(const button of buttons){\n      if(bad_gtin != 'true'){\n        button.onclick = button_listener\n      } else {\n        button.classList.add('disabled')\n      }\n    }\n  }\n  add_button_listeners()\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"349","items":[]},{"componentKey":"content","componentTypeId":"27","id":"350","items":[{"componentLists":{"content":"351"},"id":"808","options":{"backgroundColor":"rgba(255, 255, 255, 0.75)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"background-overlay","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"100%","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100%"},"typeId":"27"},{"id":"807","options":{"action":"none","opValue":"1","source":"url","src":"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/background-traceability-orchard.jpg","varOperation":"set"},"typeId":"17"}]},{"componentKey":"content","componentTypeId":"27","id":"351","items":[]},{"componentKey":"content","componentTypeId":"27","id":"352","items":[{"componentLists":{"content":"363"},"id":"841","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0px","borderWidth":"0px","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":"0px","fontWeight":"400","height":"auto","margin":"0px","padding":"0px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"},{"componentLists":{"content":"484"},"id":"1099","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0px","borderWidth":"0px","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":"0px","fontWeight":"400","height":"auto","margin":"0px","padding":"0px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"},{"componentLists":{"content":"378"},"id":"876","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0px","borderWidth":"0px","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":"0px","fontWeight":"400","height":"auto","margin":"0px","padding":"0px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"},{"componentLists":{"content":"369"},"id":"852","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0px","borderWidth":"0px","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":"0px","fontWeight":"400","height":"auto","margin":"0px","padding":"0px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"},{"componentLists":{"content":"362"},"id":"838","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0px","borderWidth":"0px","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":"0px","fontWeight":"400","height":"auto","margin":"0px","padding":"0px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"},{"componentLists":{"content":"361"},"id":"834","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0px","borderWidth":"0px","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":"0px","fontWeight":"400","height":"auto","margin":"0px","padding":"0px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"},{"id":"990","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  snippet.style = 'display:none'\n  \n  let section = snippet.parentElement\n  section.style.gap = '8px' \n  \n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"25","id":"356","items":[{"componentLists":{"content":"386"},"id":"892","options":{"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"hero","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"200px","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100%"},"typeId":"27"},{"componentLists":{"content":"394"},"id":"911","options":{"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"0","padding":"0","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"100%"},"typeId":"27"},{"componentLists":{"content":"442"},"id":"1010","options":{"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"packaging-intelligence","display":"flex","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"1","flex-shrink":"0","order":"0"},"flexOptions":{"align-content":"center","align-items":"normal","flex-direction":"column","flex-wrap":"nowrap","justify-content":"space-around"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"0","padding":"24px","textAlign":"center","textColor":"#000000","width":"calc(100vw - 48px)"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"25","id":"357","items":[{"componentLists":{"content":"367"},"id":"846","options":{"events":[{"conditionalType":"eql","conditionalValue":"timeline","type":"variableCondition","varName":"studio_bb_state_page_traceability"}]},"typeId":"25"},{"componentLists":{"content":"366"},"id":"845","options":{"events":[{"conditionalType":"eql","conditionalValue":"map","type":"variableCondition","varName":"studio_bb_state_page_traceability"}]},"typeId":"25"},{"componentLists":{"content":"439"},"id":"1005","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"rgba(221, 221, 221, 0)","borderRadius":"0","borderWidth":"0","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"50px","margin":"0","padding":"0","textAlign":"left","textColor":"rgba(0, 0, 0, 0)","width":"100%"},"typeId":"27"},{"componentLists":{"content":"360"},"id":"829","options":{"backgroundColor":"rgba(224, 224, 224, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0px","borderWidth":"1px 0 0 0","cssClass":"traceability-nav","display":"flex","flexOptions":{"align-content":"center","align-items":"center","justify-content":"space-around"},"fontSize":"16px","fontWeight":"400","height":"50px","margin":"0px","padding":"0px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","width":"100vw"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"360","items":[{"id":"830","options":{"code":"<div class=\"traceability-nav-text\">Timeline</div>"},"typeId":"14"},{"id":"833","options":{"code":"<div class=\"traceability-nav-text\">Map</div>"},"typeId":"14"},{"id":"910","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  snippet.style = 'display:none'\n  \n  let section = snippet.parentElement\n  let buttons = section.getElementsByClassName('traceability-nav-text')\n  buttons[0].parentElement.parentElement.classList.add('selected')\n  \n  async function button_listener(event){\n    let bb_sdk = window.top.bb_sdk\n    for(const button of buttons){\n      if(button == event.target || event.target.contains(button)){\n        let state = (button.innerText || '').toLowerCase()\n        console.log(state)\n        await bb_sdk.set_variable('studio_bb_state_page_traceability', state)\n        button.parentElement.parentElement.classList.add('selected')\n      } else {\n        button.parentElement.parentElement.classList.remove('selected')\n      }\n    }\n  }\n  \n  for(const button of buttons){\n    let buttonParent = button.parentElement.parentElement\n    buttonParent.onclick = button_listener\n    // buttonParent.addEventListener ('click', button_listener)\n  }\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"361","items":[{"id":"812","options":{"action":"changeVariable","backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0px","buttonAlign":"left","buttonText":"Nutrition","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"nutrition","padding":"6px 18px","textAlign":"center","textColor":"#ffffff","varName":"studio_bb_state_page","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"814","options":{"action":"changeVariable","backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0px","buttonAlign":"left","buttonText":"Home","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"home","padding":"6px 18px","textAlign":"center","textColor":"#ffffff","varName":"studio_bb_state_page","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"815","options":{"action":"changeVariable","backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0px","buttonAlign":"left","buttonText":"Traceability","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"traceability","padding":"6px 18px","textAlign":"center","textColor":"#ffffff","varName":"studio_bb_state_page","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"991","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  snippet.style = 'display:none'\n  \n  let section = snippet.parentElement\n  section.style.gap = '8px' \n  \n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"362","items":[{"id":"820","options":{"action":"changeVariable","backgroundColor":"rgba(155, 155, 155, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Trace - Timeline","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"timeline","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"studio_bb_state_page_traceability","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"817","options":{"action":"changeVariable","backgroundColor":"rgba(155, 155, 155, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Trace - Map","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"map","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"studio_bb_state_page_traceability","varOperation":"set","width":"auto"},"typeId":"31"}]},{"componentKey":"content","componentTypeId":"27","id":"363","items":[{"id":"816","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Form: Init","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"INITIAL","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"studio_bb_state_page_form","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"1101","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Form: Thank","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"THANK_YOU","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"studio_bb_state_page_form","varOperation":"set","width":"auto"},"typeId":"31"}]},{"componentKey":"content","componentTypeId":"25","id":"364","items":[{"componentLists":{"content":"352"},"id":"810","options":{"backgroundColor":"rgba(255, 255, 255, 0.75)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"2px","borderWidth":"1px","cssClass":"","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"column","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":"0","fontWeight":"400","height":"auto","margin":"12px 0 0 0","padding":"6px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"365","items":[{"id":"842","options":{"action":"changeVariable","backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"2px","borderWidth":"0px","buttonAlign":"left","buttonText":"Admin","fontSize":"14px","fontWeight":"400","height":"auto","margin":"auto","opValue":"{{ (local:admin  || \"false\") == \"false\" }}","padding":"6px 18px","textAlign":"center","textColor":"#ffffff","varName":"admin","varOperation":"set","width":"auto"},"typeId":"31"},{"componentLists":{"content":"364"},"id":"843","options":{"events":[{"conditionalType":"eql","type":"advanced","valOne":"{{ local:admin || \"false\" }}","valTwo":"true"}]},"typeId":"25"}]},{"componentKey":"content","componentTypeId":"25","id":"366","items":[{"id":"847","options":{"code":"<iframe\n\tsrc=\"{{local:lot_mapURL || local:gtin_mapURL || \"https://www.google.com/maps/d/embed?mid=1sHQZOuvoU3PXCecH4tY40xWRV4aTQUg&ehbc=2E312F&noprof=1\" }}\"\n\tstyle=\"\n    \twidth: 100vw;\n    \tposition: fixed;\n\t    top: 0;\n        left: 0; right: 0;\n        margin: auto;\n   \t\theight: calc(100vh - 50px);\n    \tpadding-top: 8px;\n         max-width: 480px;\n\t\t\"\n\t>\n</iframe>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"25","id":"367","items":[{"componentLists":{"content":"440"},"id":"1006","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"700","height":"auto","margin":"16px","padding":"0px","textAlign":"right","textColor":"rgba(34, 44, 103, 1)","width":"auto"},"typeId":"27"},{"componentLists":{"content":"450"},"id":"1024","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"rgba(255, 255, 255, 1)","borderRadius":"0","borderWidth":"0","cssClass":"cte-cards-list","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"column","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"16px 24px 32px","padding":"0px","textAlign":"left","textColor":"#000000","width":"calc(100% - 48px)"},"typeId":"27"},{"componentLists":{"content":"350"},"id":"805","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"background-image","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"100%","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100%"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"369","items":[{"id":"850","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Timeline - Short","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"short","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"studio_bb_state_page_traceability_list","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"851","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Timeline - Long","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"long","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"studio_bb_state_page_traceability_list","varOperation":"set","width":"auto"},"typeId":"31"}]},{"componentKey":"content","componentTypeId":"27","id":"373","items":[{"id":"881","options":{"code":"<div class=\"modal-close\">\n  <span class=\"material-symbols-outlined\">close</span>\n<div>"},"typeId":"14"},{"componentLists":{"content":"374"},"id":"867","options":{"backgroundColor":"rgba(255, 173, 1, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0 0 2px 0","cssClass":"","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"flex-start"},"fontSize":"16px","fontWeight":"400","height":"Auto","margin":"0px","padding":"16px","textAlign":"center","textColor":"#000000","width":"Auto"},"typeId":"27"},{"componentLists":{"content":"375"},"id":"868","options":{"backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"1em","fontWeight":"400","height":"auto","margin":"0px","padding":"16px","textAlign":"justify","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"374","items":[{"componentLists":{"content":"376"},"id":"870","options":{"backgroundColor":"rgba(255, 173, 1, 0)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"","display":"flex","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"0","order":"0"},"flexOptions":{"align-content":"normal","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"center"},"fontSize":"16px","fontWeight":"400","height":"Auto","margin":"0","padding":"0px","textAlign":"center","textColor":"#000000","width":"45px"},"typeId":"27"},{"componentLists":{"content":"377"},"id":"871","options":{"backgroundColor":"rgba(255, 173, 1, 0)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"break-word","display":"flex","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"center"},"fontSize":"1.25em","fontWeight":"700","height":"Auto","margin":"0 0 0 16px","padding":"0px","textAlign":"center","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"375","items":[{"id":"872","options":{"code":"<b>Disclaimer:</b>\n<br/>\n<br/>\nAll information provided on this website is for The nutritional information, quality check, traceability , and information provided on this website is for demonstration purposes only. It is not intended as professional dietary or nutritional advice. This information should not be considered a substitute for consulting with a qualified nutritionist, dietitian, or healthcare professional. The website owner and contributors make no representations or warranties regarding the accuracy, completeness, or suitability of the information provided. Users of this website should use their discretion and seek professional guidance as needed before making dietary or nutritional decisions."},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"376","items":[{"id":"874","options":{"code":"<span class=\"material-symbols-outlined\" style=\"margin:auto;font-size: 2.75em\">info</span>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"377","items":[{"id":"869","options":{"code":"DEMONSTRATION PURPOSES ONLY"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"378","items":[{"id":"875","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Almond","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"{{ (local:gs1_gtin_almond || \"false\") == \"false\" }}","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"gs1_gtin_almond","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"877","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Orange","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"{{ (local:gs1_gtin_orange || \"false\") == \"false\" }}","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"gs1_gtin_orange","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"878","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Banana","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"{{ (local:gs1_gtin_banana || \"false\") == \"false\" }}","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"gs1_gtin_banana","varOperation":"set","width":"auto"},"typeId":"31"}]},{"componentKey":"content","componentTypeId":"25","id":"379","items":[{"componentLists":{"content":"373"},"id":"866","options":{"backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"2px","cssClass":"modal disclaimer","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"32px","padding":"0px","textAlign":"center","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"380","items":[{"id":"891","options":{"code":"<div class=\"modal-close\">\n  <span class=\"material-symbols-outlined\">close</span>\n<div>"},"typeId":"14"},{"componentLists":{"content":"381"},"id":"883","options":{"backgroundColor":"rgba(217, 116, 0, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0 0 2px 0","cssClass":"","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"flex-start"},"fontSize":"16px","fontWeight":"400","height":"Auto","margin":"0px","padding":"16px","textAlign":"center","textColor":"#000000","width":"Auto"},"typeId":"27"},{"componentLists":{"content":"382"},"id":"884","options":{"backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"1em","fontWeight":"400","height":"auto","margin":"0px","padding":"16px","textAlign":"center","textColor":"#000000","width":"auto"},"typeId":"27"},{"id":"909","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  let bb_sdk = window.top.bb_sdk\n  snippet.style = 'display:none'\n  \n  let section = snippet.parentElement\n  let buttons = section.getElementsByClassName('modal-close')\n  buttons[0].onclick = async function(){\n    await bb_sdk.set_variable('studio_bb_state_modal_allergy', 'false')\n  }\n  \n  bb_sdk.registerOnLocalVariableChange(async function(k, v){\n    if(k == 'studio_bb_state_modal_allergy'){\n      if(v == 'true'){\n        section.classList.remove('modal-hidden')\n      } else {\n        section.classList.add('modal-hidden')\n      }\n    }\n  })\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"381","items":[{"componentLists":{"content":"383"},"id":"886","options":{"backgroundColor":"rgba(255, 173, 1, 0)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"","display":"flex","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"0","order":"0"},"flexOptions":{"align-content":"normal","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"center"},"fontSize":"16px","fontWeight":"400","height":"Auto","margin":"0","padding":"0px","textAlign":"center","textColor":"#000000","width":"45px"},"typeId":"27"},{"componentLists":{"content":"384"},"id":"887","options":{"backgroundColor":"rgba(255, 173, 1, 0)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"break-word","display":"flex","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"center"},"fontSize":"1.25em","fontWeight":"700","height":"Auto","margin":"0 0 0 16px","padding":"0px","textAlign":"center","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"382","items":[{"id":"888","options":{"code":"Contains Tree Nuts (Almonds)"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"383","items":[{"id":"889","options":{"code":"<span class=\"material-symbols-outlined\" style=\"margin:auto;font-size: 2.75em\">warning</span>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"384","items":[{"id":"885","options":{"code":"FOOD ALLERGY WARNING"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"386","items":[{"id":"893","options":{"action":"none","opValue":"1","source":"url","src":"{{ local:gtin_gtinImage || \"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/hero-oab.png\" }}","varOperation":"set"},"typeId":"17"}]},{"componentKey":"content","componentTypeId":"27","id":"387","items":[{"id":"902","options":{"code":"<div class=\"modal-close\">\n  <span class=\"material-symbols-outlined\">close</span>\n<div>"},"typeId":"14"},{"componentLists":{"content":"388"},"id":"895","options":{"backgroundColor":"rgba(255, 173, 1, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0 0 2px 0","cssClass":"","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"flex-start"},"fontSize":"16px","fontWeight":"400","height":"Auto","margin":"0px","padding":"16px","textAlign":"center","textColor":"#000000","width":"Auto"},"typeId":"27"},{"componentLists":{"content":"389"},"id":"896","options":{"backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"modal-body","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"1em","fontWeight":"400","height":"auto","margin":"0px","padding":"16px","textAlign":"justify","textColor":"#000000","width":"auto"},"typeId":"27"},{"id":"903","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  let bb_sdk = window.top.bb_sdk\n  snippet.style = 'display:none'\n  \n  let section = snippet.parentElement\n  let buttons = section.getElementsByClassName('modal-close')\n  buttons[0].onclick = async function(){\n    await bb_sdk.set_variable('studio_bb_state_modal_disclaimer', 'false')\n  }\n  \n  bb_sdk.registerOnLocalVariableChange(async function(k, v){\n    if(k == 'studio_bb_state_modal_disclaimer'){\n      if(v == 'true'){\n        section.classList.remove('modal-hidden')\n      } else {\n        section.classList.add('modal-hidden')\n      }\n    }\n  })\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"388","items":[{"componentLists":{"content":"390"},"id":"898","options":{"backgroundColor":"rgba(255, 173, 1, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"","display":"flex","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"0","order":"0"},"flexOptions":{"align-content":"normal","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"center"},"fontSize":"16px","fontWeight":"400","height":"Auto","margin":"0","padding":"0px","textAlign":"center","textColor":"#000000","width":"45px"},"typeId":"27"},{"componentLists":{"content":"391"},"id":"899","options":{"backgroundColor":"rgba(255, 173, 1, 1)","borderColor":"rgba(0, 0, 0, 1)","borderRadius":"0px","borderWidth":"0","cssClass":"break-word","display":"flex","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"center"},"fontSize":"1.25em","fontWeight":"700","height":"Auto","margin":"0 0 0 16px","padding":"0px","textAlign":"center","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"389","items":[{"id":"900","options":{"code":"<b>Disclaimer:</b>\n<br/>\nAll information provided on this website is for demonstration purposes only, including but not limited to: nutritional information, quality check, and traceability information. It is not intended as professional dietary or nutritional advice. The website owner and contributors make no representations or warranties regarding the accuracy, completeness, or suitability of the information provided. Users of this website should use their discretion and seek professional guidance as needed before making dietary or nutritional decisions."},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"390","items":[{"id":"901","options":{"code":"<span class=\"material-symbols-outlined\" style=\"margin:auto;font-size: 2.75em\">info</span>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"391","items":[{"id":"897","options":{"code":"DEMONSTRATION PURPOSES ONLY"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"392","items":[{"id":"905","options":{"code":"<div class=\"header-content\">\n  <div class=\"header-logo\">\n    <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/logo.png\">\n  </div>\n  <div class=\"header-title\">\n    <div class=\"header-title-top\">FarmFresh</div>\n    <div class=\"header-title-bottom\">From our fields to your table</div>\n  </div>\n</div>"},"typeId":"14"},{"id":"906","options":{"code":"<div class=\"header-square\">\n  <span class=\"material-symbols-outlined\" style=\"margin:auto;font-size: 1.75em\">info</span>\n</div>"},"typeId":"14"},{"id":"907","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  snippet.style = 'display:none'\n  \n  let section = snippet.parentElement\n  let buttons = section.getElementsByClassName('header-square')\n  buttons[0].onclick = async function(){\n    let bb_sdk = window.top.bb_sdk\n    await bb_sdk.set_variable('studio_bb_state_modal_disclaimer', 'true')\n  }\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"394","items":[{"componentLists":{"content":"397"},"id":"918","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"8px 16px 16px 16px","padding":"0","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"auto"},"typeId":"27"},{"componentLists":{"content":"404"},"id":"930","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"1px 0 0 0","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"0","margin":"0","padding":"0","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"auto"},"typeId":"27"},{"componentLists":{"content":"408"},"id":"936","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"1em","fontWeight":"400","height":"auto","margin":"16px 16px 8px 16px ","padding":"0","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"395","items":[{"id":"915","options":{"code":"<em>{{local:your_selection || \"Something Went Wrong\"}}</em>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"396","items":[{"id":"917","options":{"code":"{{local:gtin_description || \"Please Scan Again\" }}"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"397","items":[{"componentLists":{"content":"395"},"id":"914","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0px","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":".75em","fontWeight":"400","height":"auto","margin":"0 0 4px 0","padding":"0","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"100%"},"typeId":"27"},{"componentLists":{"content":"396"},"id":"916","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"1.5em","fontWeight":"400","height":"auto","margin":"4px 0 0 0 0","padding":"0","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"100%"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"404","items":[]},{"componentKey":"content","componentTypeId":"27","id":"406","items":[{"id":"933","options":{"code":"Last Checked: {{ Date:to_locale_string({},page:load_unixtimestamp) || \"(not set)\" }}"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"407","items":[{"componentLists":{"content":"409"},"id":"937","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"","display":"block","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"stretch","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":".75em","fontWeight":"400","height":"auto","margin":"4px 0 0 0 0","padding":"0","textAlign":"center","textColor":"rgba(255, 255, 255, 1)","width":"100%"},"typeId":"27"},{"componentLists":{"content":"436"},"id":"992","options":{"events":[{"conditionalType":"neql","type":"advanced","valOne":"{{local: gs1_readable_best_before_date || \"\"}}","valTwo":""}]},"typeId":"25"},{"componentLists":{"content":"421"},"id":"961","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"","display":"block","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"stretch","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":".75em","fontWeight":"400","height":"auto","margin":"4px 0 0 0 0","padding":"0","textAlign":"center","textColor":"rgba(255, 255, 255, 1)","width":"100%"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"408","items":[{"componentLists":{"content":"407"},"id":"934","options":{"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"status-row","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"stretch","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":"1em","fontWeight":"400","height":"auto","margin":"4px 0 16px 0","padding":"0","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"100%"},"typeId":"27"},{"componentLists":{"content":"406"},"id":"932","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0px","cssClass":"","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"center","align-items":"baseline","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":".75em","fontWeight":"400","height":"auto","margin":"4px 16px 0px 0px","padding":"0","textAlign":"right","textColor":"rgba(255, 255, 255, 1)","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"409","items":[{"id":"938","options":{"code":"Recall Status"},"typeId":"14"},{"id":"939","options":{"code":"<div class=\"status-chip {{local:recall_status_color || \"gray\"}}\">{{local:recall_status_label || \"UNKNOWN\"}}</div>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"419","items":[{"id":"958","options":{"code":"Best Before"},"typeId":"14"},{"id":"966","options":{"code":"<div class=\"status-chip {{local:best_before_color || \"gray\"}}\">{{ local:gs1_readable_best_before_date || \"UNKNOWN\" }}</div>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"421","items":[{"id":"962","options":{"code":"Quality Control"},"typeId":"14"},{"id":"965","options":{"code":"<div class=\"status-chip {{local:quality_control_color || \"gray\"}}\">{{local:quality_control_label || \"UNKNOWN\"}}</div>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"25","id":"431","items":[{"componentLists":{"content":"434"},"id":"985","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"12px","fontWeight":"400","height":"auto","margin":"36px 0px","padding":"0","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"},{"id":"1122","options":{"code":"<script>\n \n  // scroll to top of page\n  window.top.scrollTo({top:0, behavior: 'smooth'})\n\n</script>","rawHtml":true},"typeId":"14"},{"componentLists":{"content":"432"},"id":"982","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"background-image","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"100vh","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100vw"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"432","items":[{"componentLists":{"content":"433"},"id":"984","options":{"backgroundColor":"rgba(255, 255, 255, 0.5)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"background-overlay","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"100%","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100%"},"typeId":"27"},{"id":"983","options":{"action":"none","opValue":"1","source":"url","src":"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/background-nutrition-orchard.jpg","varOperation":"set"},"typeId":"17"}]},{"componentKey":"content","componentTypeId":"27","id":"433","items":[]},{"componentKey":"content","componentTypeId":"27","id":"434","items":[{"id":"987","options":{"code":"<div id=\"swiper-container\" style=\"position: relative;\">\n  <div class=\"swiper mySwiper\" id=\"swiper\">\n    <div class=\"swiper-wrapper\">\n    </div>\n  </div>\n</div>"},"typeId":"14"},{"id":"986","options":{"code":"<script>\n  let doc = window.top.document\n  \n  // hide snippet\n  let snippet = window.frameElement.parentElement\n  snippet.style = 'display:none'\n  \n  async function add_swiper(){\n    let bb_sdk = window.top.bb_sdk\n    while(!window.top.Swiper){\n      await new Promise(r => setTimeout(r, 100));\n    }\n    \n    // identify swiper wrapper\n    let swiper_wrapper = doc.getElementsByClassName('swiper-wrapper')[0]\n\n    // insert swiper slides\n    let food_images = {\n      'orange' : 'https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/nutrition-facts-orange.png',\n      'banana' : 'https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/nutrition-facts-banana.png',\n      'almond' : 'https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/nutrition-facts-almond.png',      \n    }\n    for(const [food, url] of Object.entries(food_images)){\n      let in_lot = await bb_sdk.get_variable(`gs1_gtin_${food}`)\n      if(in_lot != 'true'){continue}\n      let slide = doc.createElement('div')\n      slide.className = 'swiper-slide'\n      slide.style.maxWidth = 'calc(100% - 80px)'\n      swiper_wrapper.appendChild(slide)\n      slide.innerHTML = `<img src='${url}' style='width: 100%'>`\n    }\n  \n    var swiper = new window.top.Swiper(\".mySwiper\", {\n      slidesPerView: 'auto',\n      spaceBetween: '-33%',\n      centeredSlides: true,\n      effect: 'coverflow',\n      followFinger: true,\n      slideToClickedSlide: true,\n      mousewheel: {\n        releaseOnEdges: true,\n        forceToAxis: true,\n      },\n    });\n  }\n  add_swiper()\n \n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"25","id":"435","items":[{"componentLists":{"content":"365"},"id":"844","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"admin-buttons","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"auto","margin":"12px","padding":"0","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"25","id":"436","items":[{"componentLists":{"content":"419"},"id":"957","options":{"backgroundColor":"rgba(34, 44, 103, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"","display":"block","flexChild":"true","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"stretch","align-items":"center","flex-direction":"row","flex-wrap":"nowrap","justify-content":"space-between"},"fontSize":".75em","fontWeight":"400","height":"auto","margin":"4px 0 0 0 0","padding":"0","textAlign":"center","textColor":"rgba(255, 255, 255, 1)","width":"100%"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"437","items":[{"id":"998","options":{"code":"<div class=\"cte-card\">\n  <div class=\"cte-card-top\">\n  <div class=\"cte-label\">First Event</div>\n  <div class=\"cte-icon-square\">\n    <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/icon-harvesting.png\">\n  </div>\n  <div class=\"cte-header-content\">\n    <div class=\"cte-title\">Harvesting [Stock] <span>(3)</span></div>\n    <div class=\"cte-subtitle\">Expand for more info</div>\n  </div>\n  <div class=\"cte-arrow\"><span class=\"material-symbols-outlined\">arrow_drop_down</span></div>\n  <div class=\"cte-overlay\"></div>\n</div>\n</div>\n"},"typeId":"14"},{"id":"999","options":{"code":"<div class=\"cte-card alt\">\n  <div class=\"cte-card-top\">\n  <div class=\"cte-label\">Alt Layout</div>\n  <div class=\"cte-icon-square\">\n    <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/icon-harvesting.png\">\n  </div>\n  <div class=\"cte-header-content\">\n    <div class=\"cte-title\">Harvesting [Alt] <span>(3)</span></div>\n    <div class=\"cte-subtitle\">Oranges<br/>8/14/2023 • Tulare County, US</div>\n    <div class=\"cte-subtitle\">Almonds<br/>8/3/2023 • Los Rios Province, EC</div>\n    <div class=\"cte-subtitle\">Bananas<br/>7/18/2023 • Madera County, US</div>\n  </div>\n  <div class=\"cte-arrow\"><span class=\"material-symbols-outlined\">arrow_drop_down</span></div>\n  <div class=\"cte-overlay\"></div>\n</div>\n  </div>"},"typeId":"14"},{"id":"1002","options":{"code":"<div class=\"cte-card narrow\">\n  <div class=\"cte-card-top\">\n  <div class=\"cte-label\">First Event</div>\n  <div class=\"cte-icon-square\">\n    <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/icon-harvesting.png\">\n  </div>\n  <div class=\"cte-header-content\">\n    <div class=\"cte-title\">Harvesting [Narrow] <span>(3)</span></div>\n    <div class=\"cte-subtitle\">Expand for more info</div>\n  </div>\n  <div class=\"cte-arrow\"><span class=\"material-symbols-outlined\">arrow_drop_down</span></div>\n  <div class=\"cte-overlay\"></div>\n</div></div>"},"typeId":"14"},{"id":"1000","options":{"code":"<div class=\"cte-card current-step\">\n  <div class=\"cte-card-top\">\n  <div class=\"cte-label\">Current Step</div>\n  <div class=\"cte-icon-square\">\n    <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/icon-harvesting.png\">\n  </div>\n  <div class=\"cte-header-content\">\n    <div class=\"cte-title\">Harvesting [Current] <span>(3)</span></div>\n    <div class=\"cte-subtitle\">Expand for more info</div>\n  </div>\n  <div class=\"cte-arrow\"><span class=\"material-symbols-outlined\">arrow_drop_down</span></div>\n  <div class=\"cte-overlay\"></div>\n</div></div>"},"typeId":"14"},{"id":"1003","options":{"code":"<div class=\"cte-card pending\" id=\"S01-Harvest\">\n\n  <div class=\"cte-card-top\">\n    <div class=\"cte-label\">First Event</div>\n    <div class=\"cte-icon-square\">\n      <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/icon-harvesting.png\">\n    </div>\n    <div class=\"cte-header-content\">\n      <div class=\"cte-title\">Harvesting [Pending] <span>(3)</span></div>\n      <div class=\"cte-subtitle\">Expand for more info</div>\n    </div>\n    <div class=\"cte-arrow\"><span class=\"material-symbols-outlined\">arrow_drop_down</span></div>\n  </div>\n\n  <div class=\"cte-card-bottom\">\n\n    <div class=\"cte-card-lot orange\" id=\"LPXDEF-O1_01-Harvest\">\n      <div class=\"cte-expanded-title\">Orange • LPXDEF-O1</div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Quantity</div>\n        <div class=\"cte-expanded-details-subtitle\">500 Bushels</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Date</div>\n        <div class=\"cte-expanded-details-subtitle\">8/14/2023</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Angel Farms (Field 5), Tulare County, CA, US</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Next Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Angel Farms Dist</div>\n      </div>\n    </div>\n\n    <div class=\"cte-card-lot almond\" id=\"LPXDEF-A1_01-Harvest\">\n      <div class=\"cte-expanded-title\">Almonds • LPXDEF-A1</div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Quantity</div>\n        <div class=\"cte-expanded-details-subtitle\">30 Bushels</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Date</div>\n        <div class=\"cte-expanded-details-subtitle\">8/3/2023</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Azure Almond Ranch, Madera County, CA, US</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Next Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Azure Almond Logistics, Madera County, CA, US</div>\n      </div>\n    </div>\n\n    <div class=\"cte-card-lot banana\" id=\"LPXDEF-B1_01-Harvest\">\n      <div class=\"cte-expanded-title\">Banana • LPXDEF-B1</div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Quantity</div>\n        <div class=\"cte-expanded-details-subtitle\">200 Bushels</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Date</div>\n        <div class=\"cte-expanded-details-subtitle\">7/18/2023</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Location</div>\n        <div class=\"cte-expanded-details-subtitle\">EquaDole Farms, Los Rios Province, US</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Next Location</div>\n        <div class=\"cte-expanded-details-subtitle\">EquaDole Logistics, Los Rios Province, US</div>\n      </div>\n    </div>\n\n    <div class=\"cte-card-lot box\" id=\"LPXTEST111_10-Transformation\">\n      <div class=\"cte-expanded-title\">Box • LPXTEST111</div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Description</div>\n        <div class=\"cte-expanded-details-subtitle\">Lot(s) LPXDEF-A1, LPXDEF-B1, LPXDEF-O1 aggregated by Markem-Imaje</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Quantity</div>\n        <div class=\"cte-expanded-details-subtitle\">1 Box</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Date</div>\n        <div class=\"cte-expanded-details-subtitle\">9/11/2023</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Pack Expo 2023, Las Vegas, NV, US</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Next Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Pack Expo 2023, Las Vegas, NV, US</div>\n      </div>\n    </div>\n\n  </div>\n\n  <div class=\"cte-overlay\"></div>\n\n</div>\n"},"typeId":"14"},{"id":"1009","options":{"code":"<div class=\"cte-card expanded\" id=\"S01-Harvest\">\n\n  <div class=\"cte-card-top\">\n    <div class=\"cte-label\">First Event</div>\n    <div class=\"cte-icon-square\">\n      <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/icon-harvesting.png\">\n    </div>\n    <div class=\"cte-header-content\">\n      <div class=\"cte-title\">Harvesting [Expanded] <span>(3)</span></div>\n      <div class=\"cte-subtitle\">Expand for more info</div>\n    </div>\n    <div class=\"cte-arrow\"><span class=\"material-symbols-outlined\">arrow_drop_down</span></div>\n  </div>\n\n  <div class=\"cte-card-bottom\">\n\n    <div class=\"cte-card-lot orange\" id=\"LPXDEF-O1_01-Harvest\">\n      <div class=\"cte-expanded-title\">Orange • LPXDEF-O1</div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Quantity</div>\n        <div class=\"cte-expanded-details-subtitle\">500 Bushels</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Date</div>\n        <div class=\"cte-expanded-details-subtitle\">8/14/2023</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Angel Farms (Field 5), Tulare County, CA, US</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Next Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Angel Farms Dist</div>\n      </div>\n    </div>\n\n    <div class=\"cte-card-lot almond\" id=\"LPXDEF-A1_01-Harvest\">\n      <div class=\"cte-expanded-title\">Almonds • LPXDEF-A1</div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Quantity</div>\n        <div class=\"cte-expanded-details-subtitle\">30 Bushels</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Date</div>\n        <div class=\"cte-expanded-details-subtitle\">8/3/2023</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Azure Almond Ranch, Madera County, CA, US</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Next Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Azure Almond Logistics, Madera County, CA, US</div>\n      </div>\n    </div>\n\n    <div class=\"cte-card-lot banana\" id=\"LPXDEF-B1_01-Harvest\">\n      <div class=\"cte-expanded-title\">Banana • LPXDEF-B1</div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Quantity</div>\n        <div class=\"cte-expanded-details-subtitle\">200 Bushels</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Date</div>\n        <div class=\"cte-expanded-details-subtitle\">7/18/2023</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Location</div>\n        <div class=\"cte-expanded-details-subtitle\">EquaDole Farms, Los Rios Province, US</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Next Location</div>\n        <div class=\"cte-expanded-details-subtitle\">EquaDole Logistics, Los Rios Province, US</div>\n      </div>\n    </div>\n\n    <div class=\"cte-card-lot box\" id=\"LPXTEST111_10-Transformation\">\n      <div class=\"cte-expanded-title\">Box • LPXTEST111</div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Description</div>\n        <div class=\"cte-expanded-details-subtitle\">Lot(s) LPXDEF-A1, LPXDEF-B1, LPXDEF-O1 aggregated by Markem-Imaje</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Quantity</div>\n        <div class=\"cte-expanded-details-subtitle\">1 Box</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Date</div>\n        <div class=\"cte-expanded-details-subtitle\">9/11/2023</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Pack Expo 2023, Las Vegas, NV, US</div>\n      </div>\n      <div class=\"cte-expanded-details\">\n        <div class=\"cte-expanded-details-title\">Next Location</div>\n        <div class=\"cte-expanded-details-subtitle\">Pack Expo 2023, Las Vegas, NV, US</div>\n      </div>\n    </div>\n\n  </div>\n\n  <div class=\"cte-overlay\"></div>\n\n</div>\n"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"27","id":"439","items":[]},{"componentKey":"content","componentTypeId":"27","id":"440","items":[{"id":"1007","options":{"code":"<div id=\"show_more_button\">\n  Show More\n</div>"},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"25","id":"441","items":[{"componentLists":{"content":"437"},"id":"994","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"rgba(255, 255, 255, 1)","borderRadius":"0","borderWidth":"0","cssClass":"cte-cards-list","display":"flex","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"column","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"16px 24px","padding":"0px","textAlign":"left","textColor":"#000000","width":"calc(100vw - 48px)"},"typeId":"27"},{"componentLists":{"content":"447"},"id":"1019","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"background-image card","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"auto","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100%"},"typeId":"27"},{"id":"1001","options":{"code":"<div class=\"cte-card\">\n  <div class=\"cte-card-top\">\n  <div class=\"cte-label\">Next Step</div>\n  <div class=\"cte-icon-square\">\n    <img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/icon-harvesting.png\">\n  </div>\n  <div class=\"cte-header-content\">\n    <div class=\"cte-title\">Harvesting [Pending] <span>(3)</span></div>\n    <div class=\"cte-subtitle\">Expand for more info</div>\n  </div>\n  <div class=\"cte-arrow\"><span class=\"material-symbols-outlined\">arrow_drop_down</span></div>\n  <div class=\"cte-overlay\" style=\"display:block\"></div>\n</div></div>\n"},"typeId":"14"},{"id":"793","options":{"action":"none","opValue":"1","source":"upload","src":{"assetId":"25134","type":"ASSET_REFERENCE"},"varOperation":"set"},"typeId":"17"},{"id":"800","options":{"action":"none","opValue":"1","source":"upload","src":{"assetId":"25139","type":"ASSET_REFERENCE"},"varOperation":"set"},"typeId":"17"},{"componentLists":{"content":"2"},"id":"2","options":{"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"rgba(221, 221, 221, 1)","borderRadius":"0px","borderWidth":"0px","cssClass":"header fade-in","display":"flex","flexOptions":{"align-content":"center","align-items":"flex-start","justify-content":"space-between"},"fontSize":"16px","fontWeight":"400","height":"68px","margin":"0px","padding":"0px","textAlign":"left","textColor":"rgba(255, 255, 255, 1)","width":"100vw"},"typeId":"27"},{"componentLists":{"content":"379"},"id":"880","options":{"events":[{"conditionalType":"eql","conditionalValue":"false","type":"variableCondition","varName":"studio_bb_state_modal_disclaimer"}]},"typeId":"25"}]},{"componentKey":"content","componentTypeId":"27","id":"442","items":[{"id":"1120","options":{"code":" <div class=\"packaging-intelligence-title\">POWERED BY</div>"},"typeId":"14"},{"id":"1012","options":{"code":"\n  <div class=\"packaging-intelligence-logo-container\">\n    <div class=\"packaging-intelligence-brand colos\">\n      <div><img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/common/colos-logo.png\"></div>\n      <div>INDUSTRIAL SOFTWARE SOLUTIONS</div>\n    </div>\n    <div class=\"packaging-intelligence-brand blue-bite\">\n      <div><img src=\"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/blue-bite-logo.png\"></div>\n      <div>CONNECTING<br/>POSSIBILITY</div>\n    </div>\n  </div>\n"},"typeId":"14"},{"componentLists":{"content":"449"},"id":"1022","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"fab-button","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"0","padding":"0px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"447","items":[{"componentLists":{"content":"448"},"id":"1021","options":{"backgroundColor":"rgba(255, 255, 255, 0.5)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"background-overlay","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"100%","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100%"},"typeId":"27"},{"id":"1020","options":{"action":"none","alt":"","opValue":"1","source":"upload","src":"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/fruit-scan-medium.jpg","varOperation":"set"},"typeId":"17"}]},{"componentKey":"content","componentTypeId":"27","id":"448","items":[]},{"componentKey":"content","componentTypeId":"27","id":"449","items":[{"id":"1023","options":{"action":"changeVariable","actionAnalytics":{"customOptions":{"eventName":"BB Action","eventParameters":[{"key":"event_category","value":"Button"},{"key":"event_label","value":"Win an iPad"}]},"type":"custom"},"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"15px","borderWidth":"0px","buttonAlign":"center","buttonText":"IMPROVE YOUR PACKAGING INTELLIGENCE","fontSize":"1.25em","fontWeight":"400","height":"auto","link":"https://www.markem-imaje.com/products/colos-industrial-software-solutions","margin":"0px","opValue":"form","padding":"12px 8px","targetNewTab":true,"textAlign":"center","textColor":"#ffffff","varName":"studio_bb_state_page","varOperation":"set","width":"auto"},"typeId":"31"}]},{"componentKey":"content","componentTypeId":"27","id":"450","items":[{"id":"1025","options":{"code":"<script>\n  // get parent document references\n  let win = window.top\n  let doc = win.document\n  let bb_sdk = win.bb_sdk\n  let lot_history = win.lot_history\n  let event_types = win.event_types\n\n  // hide snippet\n  let snippet = window.frameElement.parentElement\n  snippet.style = 'display:none'\n\n  // define parent section\n  let section = snippet.parentElement\n\n  // array to hold cards\n  let cards = []\n\n  // function to show/hide cards\n  function show_hide(target_card) {\n    for (card of cards) {\n      if (card != target_card || card.expanded) {\n        card.expanded = false\n        card.arrow.innerText = 'arrow_drop_down'\n        if(card.visible){\n          card.style.height = showing_more ? card.collapsed_height : card.labeled_height\n        } else {\n          card.style.height = '0px'\n        }\n      } else {\n        card.expanded = true\n        card.arrow.innerText = 'arrow_drop_up'\n        card.style.height = card.expanded_height\n      }\n    }\n  }\n\n  // function to show/hide more\n  let showing_more = false\n  let show_more_button = doc.getElementById('show_more_button')\n  function show_more(event, state) {\n    showing_more = state != null ? state : !showing_more\n    for (card of cards) {\n      let show_this_card = showing_more || card.always_show\n      card.visible = show_this_card\n      if(show_this_card){\n        card.style.opacity = 1\n        card.label.style.display = null\n        if(card == cards[0]){\n          card.style.margin = showing_more ? '0px 0px 24px' : `0px 0px 40px`\n        } else if (card == cards[cards.length - 1]) {\n          card.style.margin = showing_more ? '0px' : '16px 0px 0px'\n        } else {\n          card.style.margin =  '0px 0px 24px'\n        }\n        if(card.expanded){\n          card.label.style.height = showing_more ? '0px' : `${card.label.scrollHeight}px`\n          card.style.height = card.expanded_height\n        } else {\n          card.style.height = showing_more ? card.collapsed_height : card.labeled_height\n          card.label.style.height = showing_more ? '0px' : `${card.label.scrollHeight}px`\n        }\n        card.style.pointerEvents = null\n      } else {\n        card.label.style.display = 'none'\n        card.style.opacity = 0\n        card.style.pointerEvents = 'none'\n        card.style.margin = null\n        card.style.height = '0px'\n      }\n    }\n    show_more_button.innerText = showing_more ? 'Show Less' : 'Show More'\n  }\n  show_more_button.onclick = show_more\n\n  // function to create new cards\n  async function new_card(params) {\n    params = params || {}\n    let card = doc.createElement('div')\n    card.className = `cte-card ${params.classes} expanded`\n    card.id = params.id\n\n    card.innerHTML = `\n      <div class=\"cte-label\">${params.label || ''}</div>\n      <div class=\"cte-card-top\">\n        <div class=\"cte-icon-square\" style=\"background-color:#${params.color}\">\n          <img src=\"${params.icon}\">\n        </div>\n        <div class=\"cte-header-content\">\n          <div class=\"cte-title\">${params.title}<span> (${params.events.length})</span></div>\n          <div class=\"cte-subtitle\">${params.subtitle || (params.events.length > 0 ? params.events[0].dateTime.split(' ')[0] : 'Pending')}</div>\n        </div>\n        <div class=\"cte-arrow\" style=\"${params.events.length > 0 ? '' : 'display:none;'}\"><span class=\"material-symbols-outlined\">arrow_drop_down</span></div>\n        <div class=\"cte-overlay\" style=\"${params.events.length > 0 ? '' : 'display:block'}\"></div>\n      </div>\n\n      <div class=\"cte-card-bottom\">\n      </div>\n    `\n    \n    card.label = card.getElementsByClassName('cte-label')[0]\n    card.header = card.getElementsByClassName('cte-card-top')[0]\n    card.subtitle = card.getElementsByClassName('cte-subtitle')[0]\n    card.arrow = card.getElementsByClassName('material-symbols-outlined')[0]\n    card.top = card.getElementsByClassName('cte-card-top')[0]\n    card.bottom = card.getElementsByClassName('cte-card-bottom')[0]\n    card.always_show = params.label != ''\n\n    for (const event of params.events) {\n      let lot_event = doc.createElement('div')\n      lot_event.id = event.id\n      lot_event.classList = `cte-card-lot ${(event.itemType || '').toLowerCase()}`\n      lot_event.innerHTML = `\n        <div class=\"cte-expanded-title\">${event.itemType} • ${event.lotId}</div>\n        <div class=\"cte-expanded-details\" style=\"display:${event.itemType == 'Box' ? 'block' : 'none'}\">\n          <div class=\"cte-expanded-details-title\">Description</div>\n          <div class=\"cte-expanded-details-subtitle\">${event.eventNote}</div>\n        </div>\n        <div class=\"cte-expanded-details\">\n          <div class=\"cte-expanded-details-title\">Quantity</div>\n          <div class=\"cte-expanded-details-subtitle\">${event.quantity}</div>\n        </div>\n        <div class=\"cte-expanded-details\">\n          <div class=\"cte-expanded-details-title\">Date</div>\n          <div class=\"cte-expanded-details-subtitle\">${event.dateTime.split(' ')[0]}</div>\n        </div>\n        <div class=\"cte-expanded-details\">\n          <div class=\"cte-expanded-details-title\">Location</div>\n          <div class=\"cte-expanded-details-subtitle\">${event.eventLocationDescription}</div>\n        </div>\n        <div class=\"cte-expanded-details\">\n          <div class=\"cte-expanded-details-title\">Next Location</div>\n          <div class=\"cte-expanded-details-subtitle\">${event.nextLocation}</div>\n        </div>\n      `\n      card.bottom.appendChild(lot_event)\n    }\n    //card.style.display = (showing_more || card.always_show) ? null : 'none'\n\n    cards.push(card)\n    card.header.onclick = function () {\n      params.events.length > 0 && show_hide(card)\n    }\n    section.appendChild(card)\n\n    let labeled_height = `${parseFloat(win.getComputedStyle(card.label).height) + parseFloat(win.getComputedStyle(card.top).height) + 2}px`\n    card.labeled_height = labeled_height\n\n    let collapsed_height = `${parseFloat(win.getComputedStyle(card.top).height) + 2}px`\n    card.collapsed_height = collapsed_height\n\n    let expanded_height = `${parseFloat(win.getComputedStyle(card).height) + 2}px`\n    card.expanded_height = expanded_height\n\n    card.style.height = '0px'\n    card.expanded = false\n\n    return card\n  }\n\n  // create cards from lot_history\n  async function add_cards() {\n\n    // add background\n    let bg = doc.createElement('div')\n    bg.classList = 'cte-cards-bg'\n    section.appendChild(bg)\n    \n    let lot_histories = []\n    let found_current = false\n    let found_next = false\n    for (const [stage, events] of Object.entries(lot_history || {})) {\n      lot_histories.push({\n        stage: stage,\n        events: events || []\n      })\n    }\n    for (const [n, h] of lot_histories.entries()) {\n      let stage = h.stage\n      let future_lot_history = win.future_lot_history[stage] || {}\n      let events = h.events || []\n      let previous_card = cards[n - 1]\n      let next = lot_histories[n + 1] || { events: [] }\n      let event_type = events[0] && events[0].eventType || stage.split('-').slice(1).join('-')\n      event_type = event_types[event_type] && event_types[event_type].Name || event_type\n      let label = ''\n      if(n == 0){\n        label = 'First Step'\n      } else if(n == lot_histories.length - 1){\n        label = 'Final Step'\n      }\n      let classes = ''\n      let subtitle = 'Pending'\n      if (events.length == 0) {\n        classes += ' pending'\n        subtitle = future_lot_history.eventLocationDescription || subtitle\n      } else {\n        let event_date = null\n        for(const event of events){\n          event_date = event_date || new Date(event.dateTime.split(' ')[0])\n          let d = new Date(event.dateTime.split(' ')[0])\n          if (d < event_date){\n            event_date = d\n          }\n        }\n        subtitle = event_date.toLocaleDateString()\n      }\n      let is_current = false\n      if (!found_current) {\n        is_current = n >= (lot_histories.length - 1) || next && next.events.length == 0\n      }\n      if (is_current) {\n        let previous_label = previous_card.label\n        previous_label.innerText = 'Previous Step'\n        previous_card.always_show = true\n        previous_card.style.display = null\n        let labeled_height = `${parseFloat(win.getComputedStyle(previous_card.label).height) + parseFloat(win.getComputedStyle(previous_card.top).height) + 2}px`\n        previous_card.labeled_height = labeled_height\n        let collapsed_height = `${parseFloat(win.getComputedStyle(previous_card.top).height) + 2}px`\n        previous_card.collapsed_height = collapsed_height\n        found_current = true\n        label = 'Current Step'\n        classes += ' current-step'\n        next.is_next = true\n      }\n      if (h.is_next) {\n        found_next = true\n        label = 'Next Step'\n      }\n      let card = await new_card({\n        events: events,\n        id: stage,\n        title: event_type,\n        label: label,\n        classes: classes,\n        subtitle: subtitle,\n        icon: (event_types[event_type] || {}).icon,\n        color: (event_types[event_type] || {}).color\n      })\n    }\n\n    // manually add last 2 cards\n    /*\n    let final_ship = await new_card({\n      events: [],\n      id: null,\n      title: 'Shipping',\n      label: !found_next ? 'Next Step' : '',\n      classes: 'pending',\n      icon: event_types['Shipping'].icon,\n      color: event_types['Shipping'].color,\n    })\n\n    let final_receive = await new_card({\n      events: [],\n      id: null,\n      title: 'Receiving',\n      label: 'Final Step',\n      classes: 'pending',\n      subtitle: 'Albertsons',\n      icon: event_types['Receiving'].icon,\n      color: event_types['Receiving'].color,\n    })\n    */\n    \n\n    show_more(null, false)\n\n    for (card of cards) {\n      card.style.transition = 'all 0.5s'\n    }\n  }\n  add_cards()\n\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"content","componentTypeId":"25","id":"451","items":[{"componentLists":{"content":"473"},"id":"1065","options":{"backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(211, 211, 211, 1)","borderRadius":"15px","borderWidth":"1px","cssClass":"card form","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"16px","fontWeight":"400","height":"auto","margin":"15px","padding":"10px","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"},{"id":"1107","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  let homenav = parent.document.getElementById(\"footer-nav-home\")\n  let bb_sdk = window.top.bb_sdk\n  snippet.style = 'display:none'\n  \n  homenav.classList.remove('selected')\n  \n</script>","rawHtml":true},"typeId":"14"},{"id":"1121","options":{"code":"<script>\n \n  // scroll to top of page\n  window.top.scrollTo({top:0, behavior: 'smooth'})\n\n</script>","rawHtml":true},"typeId":"14"},{"componentLists":{"content":"467"},"id":"1054","options":{"backgroundColor":"rgba(255, 255, 255, 0)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"background-image","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"100%","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100%"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"27","id":"467","items":[{"componentLists":{"content":"468"},"id":"1056","options":{"backgroundColor":"rgba(255, 255, 255, 0.5)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"background-overlay","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"0","fontWeight":"400","height":"100%","margin":"0","padding":"0","textAlign":"left","textColor":"#000000","width":"100%"},"typeId":"27"},{"id":"1055","options":{"action":"none","opValue":"1","source":"url","src":"https://bluebite-static-assets.s3.amazonaws.com/Accounts/markem-imaje/packexpo2023/background-form-almonds.jpg","varOperation":"set"},"typeId":"17"}]},{"componentKey":"content","componentTypeId":"27","id":"468","items":[]},{"componentKey":"content","componentTypeId":"25","id":"471","items":[{"id":"1064","options":{"action":"changeVariable","actionAnalytics":{"customOptions":{"eventParameters":[]},"type":"default"},"opValue":"THANK_YOU","varName":"studio_bb_state_page_form","varOperation":"set"},"typeId":"26"}]},{"componentKey":"content","componentTypeId":"27","id":"473","items":[{"id":"1097","options":{"code":"<div class=\"modal-close form\">\n  <span class=\"material-symbols-outlined\">close</span>\n<div>"},"typeId":"14"},{"id":"1066","options":{"code":"<div class=\"card-title\">\n  <div class=\"card-title-icon\">\n    <img src=\"https://bluebite-static-assets.s3.amazonaws.com/blue-bite/common/bb-icon-circle.png\">\n  </div>\n\t<div style=\"margin: 0 24px 0 0\">  \n\t\t<div class=\"card-title-text\">{{ local:studio_bb_form_card_title_text || \"Contact Us\" }}</div>\n  \t\t<div class=\"card-description-text\">{{ local:studio_bb_form_card_description_text || \"Learn more about connected product solutions\" }}</div>\n\t</div>\n</div>"},"typeId":"14"},{"componentLists":{"content":"482"},"id":"1093","options":{"events":[{"conditionalType":"eql","conditionalValue":"INITIAL","type":"variableCondition","varName":"studio_bb_state_page_form"}]},"typeId":"25"},{"componentLists":{"content":"483"},"id":"1094","options":{"events":[{"conditionalType":"eql","conditionalValue":"THANK_YOU","type":"variableCondition","varName":"studio_bb_state_page_form"}]},"typeId":"25"},{"componentLists":{"content":"471"},"id":"1060","options":{"events":[{"conditionalType":"eql","type":"advanced","valOne":"{{ Form:get(1073):status || \"(not set)\" }}","valTwo":"DONE"}]},"typeId":"25"},{"id":"1106","options":{"code":"<script>\n  let snippet = window.frameElement.parentElement\n  let homenav = parent.document.getElementById(\"footer-nav-home\")\n  let bb_sdk = window.top.bb_sdk\n  snippet.style = 'display:none'\n  \n  let section = snippet.parentElement\n  //section.style.position = 'relative'\n  let buttons = section.getElementsByClassName('modal-close form')\n  \n  buttons[0].onclick = async function(){\n    await bb_sdk.set_variable('studio_bb_state_page', 'home')\n    homenav.classList.add('selected')\n  }\n  \n  bb_sdk.registerOnLocalVariableChange(async function(k, v){})\n\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"body","componentTypeId":"21","id":"477","items":[{"id":"1074","options":{"formValidations":{"1":{"on":false,"type":"required"}},"label":"First Name*","name":"firstName"},"typeId":"19"},{"id":"1075","options":{"formValidations":{"1":{"on":false,"type":"required"}},"label":"Last Name*","name":"lastName"},"typeId":"19"},{"id":"1076","options":{"formValidations":{"1":{"on":false,"type":"required"}},"label":"Email*","name":"email"},"typeId":"19"},{"id":"1077","options":{"formValidations":{"1":{"on":false,"type":"required"}},"label":"Company*","name":"company"},"typeId":"19"},{"id":"1085","options":{"action":"formSubmit","actionAnalytics":{"customOptions":{"eventName":"BB Action","eventParameters":[{"key":"event_category","value":"Button"},{"key":"event_label","value":"Personalize: BB Form Submit"}]},"type":"custom"},"backgroundColor":"rgba(46, 113, 240, 1)","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","buttonAlign":"center","buttonText":"Submit","fontSize":"0","fontWeight":"400","height":"0","link":"https://www.bluebite.com/","margin":"0","opValue":"1","padding":"0","targetNewTab":true,"textAlign":"center","textColor":"#ffffff","varOperation":"set","width":"0"},"typeId":"31"}]},{"componentKey":"content","componentTypeId":"27","id":"478","items":[{"componentLists":{"body":"477"},"id":"1073","options":{"action":"https://api.hsforms.com/submissions/v3/integration/submit/4496170/5feeafb2-e9f2-4ac2-9991-6145324d1bf5","bodyTemplate":"{\n  \"fields\": [\n    {\n      \"name\": \"email\",\n      \"value\": \"{{Form:get(1073):entry:email || \"\"}}\"\n    },\n    {\n      \"name\": \"firstname\",\n      \"value\": \"{{Form:get(1073):entry:firstName || \"\"}}\"\n    },\n    {\n      \"name\": \"lastname\",\n      \"value\": \"{{Form:get(1073):entry:lastName || \"\"}}\"\n    },\n    {\n      \"name\": \"company\",\n      \"value\": \"{{Form:get(1073):entry:company || \"\"}}\"\n    }\n  ],\n  \"context\": {\n    \"pageUri\": \"{{page:url || \"\"}}\",\n    \"pageName\": \"Interpack 2023\",\n    \"ipAddress\" : \"{{ String:split(\",\", \"{{device:ip}}\")[0] || \"0.0.0.0\" }}\"\n  },\n  \"legalConsentOptions\": {\n    \"legitimateInterest\": {\n      \"value\": true,\n      \"subscriptionTypeId\": 4853491,\n      \"legalBasis\": \"LEAD\",\n      \"text\": \"I agree to receive other communications from Blue Bite.\"\n    }\n  }\n}","bodyType":"json","inputBackgroundColor":"#ffffff","inputBorderColor":"rgb(221, 221, 221)","inputBorderRadius":"6px","inputBorderWidth":"1px","inputFontSize":"1.25em","inputFontWeight":"400","inputMargins":"0px 0px 16px 0px","inputPadding":"8px","inputTextAlign":"left","inputTextColor":"rgba(0, 0, 0, 1)","inputWidth":"100%","labelFontSize":"1em","labelFontWeight":"400","labelMargins":"0px 0px 4px 0px","labelTextAlign":"left","labelTextColor":"rgba(0, 0, 0, 1)","method":"POST","submissionType":"inplace"},"typeId":"21"},{"id":"1080","options":{"code":"<div style=\"margin: 8px 0; font-size:.75em\">\n  We're committed to your privacy. Blue Bite uses the information you provide to us to contact you about our relevant content, products, and services. You may unsubscribe from these communications at any time. For more information, see our Privacy Policy.\n</div>"},"typeId":"14"},{"componentLists":{"body":"479"},"id":"1081","options":{"bodyTemplate":"{}","bodyType":"json","inputBackgroundColor":"rgba(255, 255, 255, 0)","inputBorderColor":"rgb(221, 221, 221)","inputBorderRadius":"6px","inputBorderWidth":"1px","inputFontSize":".75em","inputFontWeight":"400","inputMargins":"0px 0px 16px 0px","inputPadding":"8px","inputTextAlign":"left","inputTextColor":"rgba(0, 0, 0, 1)","inputWidth":"100%","labelFontSize":".75em","labelFontWeight":"400","labelMargins":"0px 0px 4px 0px","labelTextAlign":"left","labelTextColor":"rgba(0, 0, 0, 1)","method":"POST","submissionType":"none"},"typeId":"21"},{"id":"1084","options":{"code":"<div id=\"error_output\" style=\"color: red; margin: 8px 0; text-align: center\"></div>"},"typeId":"14"},{"id":"1083","options":{"action":"none","actionAnalytics":{"customOptions":{"eventParameters":[]},"type":"none"},"backgroundColor":"rgba(34, 44, 103, 1)","borderColor":"#dddddd","borderRadius":"6px","borderWidth":"0px","buttonAlign":"center","buttonText":"ENTER","fontSize":"1em","fontWeight":"400","height":"auto","link":"https://www.bluebite.com/","margin":"16px 0px","opValue":"1","padding":"8px 12px","targetNewTab":true,"textAlign":"center","textColor":"#ffffff","varOperation":"set","width":"100%"},"typeId":"31"},{"id":"1079","options":{"code":"<script>\n  // hide snippet\n  let snippet = window.frameElement.parentElement\n  snippet.style.display = 'none'\n  \n  //identify form\n  let doc = window.parent.document\n  let section = snippet.parentElement\n  let error_output = doc.getElementById('error_output')\n  let form = section.getElementsByTagName('form')[0]\n  let form_button = form.getElementsByTagName('button')[0]\n  let inputs = form.getElementsByTagName('input')\n  inputs[2].type = 'email'\n  let form2 = section.getElementsByTagName('form')[1]\n  let checkbox = form2.getElementsByTagName('input')[0]\n  \n  function validate_email(email){\n    return (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email))\n  }\n  \n  let button = section.getElementsByTagName('button')[1]\n  button.onclick = function(){\n    let firstName = inputs[0].value.trim()\n    let lastName = inputs[1].value.trim()\n    let email = inputs[2].value.trim()\n    let company = inputs[3].value.trim()\n    let valid_email = validate_email(email)\n    if(firstName == '' || lastName == '' || email == '' || company == ''){\n      error_output.innerHTML = `All fields are required.`\n    } else if (!valid_email){\n      error_output.innerHTML = `Please enter a valid email address.`\n    }  else if (!checkbox.checked){\n      error_output.innerHTML = `You must check the box agreeing to receive communications.`\n    } else {\n      form_button.click()\n    }\n  }\n</script>","rawHtml":true},"typeId":"14"}]},{"componentKey":"body","componentTypeId":"21","id":"479","items":[{"id":"1082","options":{"formValidations":{"1":{"on":false,"type":"required"}},"label":"I agree to receive other communications from Blue Bite*","name":"terms"},"typeId":"20"}]},{"componentKey":"content","componentTypeId":"25","id":"482","items":[{"componentLists":{"content":"478"},"id":"1078","options":{"backgroundColor":"#ffffff","borderColor":"#dddddd","borderRadius":"0","borderWidth":"0","cssClass":"bb-form","display":"block","flexChild":"false","flexChildOptions":{"align-self":"auto","flex-basis":"auto","flex-grow":"0","flex-shrink":"1","order":"0"},"flexOptions":{"align-content":"normal","align-items":"normal","flex-direction":"row","flex-wrap":"nowrap","justify-content":"normal"},"fontSize":"1em","fontWeight":"400","height":"auto","margin":"18px 0 0 0","padding":"0","textAlign":"left","textColor":"#000000","width":"auto"},"typeId":"27"}]},{"componentKey":"content","componentTypeId":"25","id":"483","items":[{"id":"1104","options":{"action":"changeVariable","opValue":"Thank You","varName":"studio_bb_form_card_title_text","varOperation":"set"},"typeId":"26"},{"id":"1105","options":{"action":"changeVariable","opValue":"We'll be in touch!","varName":"studio_bb_form_card_description_text","varOperation":"set"},"typeId":"26"}]},{"componentKey":"content","componentTypeId":"27","id":"484","items":[{"id":"1098","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Disclaimer","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"{{ (local:studio_bb_state_modal_disclaimer || \"true\") == \"false\" }}","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"studio_bb_state_modal_disclaimer","varOperation":"set","width":"auto"},"typeId":"31"},{"id":"1100","options":{"action":"changeVariable","backgroundColor":"rgba(255, 255, 255, 1)","borderColor":"rgba(34, 44, 103, 1)","borderRadius":"0","borderWidth":"1px","buttonAlign":"left","buttonText":"Allergy","fontSize":"14px","fontWeight":"400","height":"auto","margin":"0","opValue":"{{ (local:studio_bb_state_modal_allergy || \"true\") == \"false\" }}","padding":"6px 18px","textAlign":"center","textColor":"rgba(34, 44, 103, 1)","varName":"studio_bb_state_modal_allergy","varOperation":"set","width":"auto"},"typeId":"31"}]}],"nextId":1123,"nextListId":489},"customComponentVersions":{}},"rootFontId":1,"rootFontWeight":"400","version":"v0.1.5","asset_associations":[{"assetId":"25134","filename":"d494ea8d04b0d7355beba2b4fd86960f017f7728.png"},{"assetId":"25139","filename":"ccbf3edc3d79c53b28e31909a044a2697d0f6c2a.png"}],"is_template":false,"included_fonts":[1],"page_title":null,"rootFont":{"keyword":"Roboto","fallback":"sans-serif"}}