https://www.shipbob.com/wp-content/themes/shipbob-2022/dist/chunk/8198.959f6e3cc3c834fb1813.chunk.js

1"use strict";(self.webpackChunkshipbob_2022=self.webpackChunkshipbob_2022||[]).push([[8198],{18198:function(e,t,o){o.r(t),o.d(t,{default:function(){return l}}),o(89463);var i,n,s,a=o(52891),r=o(19169);class l extends a.xI{static get values(){return{formId:String,open:Boolean}}updateContent(e){const{title:t="Beauty Logistics and Fulfillment: The Master Class",path:o="Learning Path",description:i="Self-paced learning designed for beauty brands ready to turn logistics into their competitive advantage",duration:n="2.5 hours of self-paced courses and material"}=e.detail||{};this.titleTarget.innerHTML=t,this.pathTarget.innerHTML=o,this.descriptionTarget.innerHTML=i,this.durationTarget.innerHTML=n}open(){return this.openValue=!0,this.ModalContainerTarget.classList.remove("blog-quote-cta-modal--initial"),this.ModalContainerTarget.classList.remove("blog-quote-cta-modal--close"),this.ModalContainerTarget.classList.add("blog-quote-cta-modal--open"),(0,r.lV)({form_id:this.formIdValue},this.FormContainerTarget).catch(e=>console.error(e))}close(){this.openValue=!1,this.ModalContainerTarget.classList.remove("blog-quote-cta-modal--open"),this.ModalContainerTarget.classList.add("blog-quote-cta-modal--close"),this.FormContainerTarget.innerHTML=""}toggleModal(){this.openValue?this.open():this.close()}}i=l,s=["ModalContainer","FormContainer","title","description","path","duration"],(n=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(n="targets"))in i?Object.defineProperty(i,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[n]=s},19169:function(e,t,o){o.d(t,{p$:function(){return r},lV:function(){return i},aF:function(){return a},e0:function(){return l}});const i=async(e,t,o=null)=>{const{form_id:i,chili_piper_enabled:n=!1,chili_piper_router:s="",redirect_completion_enabled:a=!1,redirect_completion_url:r="http://www.shipbob.com/thank-you/"}=e,l=`card-body form-${i}`,c=document.createElement("div");c.setAttribute("class",l),c.setAttribute("data-controller","form-controller"),c.setAttribute("data-form-controller-form-id-value",i),c.setAttribute("data-form-controller-form-container-query-value",l),c.setAttribute("data-form-controller-chili-piper-enabled-value",n),c.setAttribute("data-form-controller-router-value",s),c.setAttribute("data-form-controller-redirect-completion-enabled-value",a),c.setAttribute("data-form-controller-redirect-completion-url-value",r),c.innerHTML='<div class="loader">\n            <div class="loader-ring">\n                <div></div>\n                <div></div>\n                <div></div>\n                <div></div>\n            </div>\n        </div>',o?(t.appendChild(c),t.innerHTML+=o):t.appendChild(c)},n=[{label:"Shopify",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-shopify.svg",value:"Shopify"},{label:"Amazon",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-amazon.svg",value:"Amazon"},{label:"WooCommerce",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-woocommerce.svg",value:"WooCommerce"},{label:"Magento",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-magento.svg",value:"Magento"},{label:"BigCommerce",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-bigcommerce.svg",value:"BigCommerce"},{label:"Salesforce",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-salesforce.svg",value:"Salesforce"},{label:"TikTok",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-tiktok.svg",value:"TikTok"},{label:"Walmart",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-walmart.svg",value:"Walmart"},{label:"Squarespace",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-squarespace.svg",value:"Squarespace"},{label:"Wix",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-wix.svg",value:"Wix"},{label:"NetSuite",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/logo-netsuite.svg",value:"NetSuite"},{label:"None/Other",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/icon-other.svg",value:"None/Other"}],s=[{label:"Outsourced DTC fulfillment",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/icon-oftrta-dtc.svg",value:"DTC"},{label:"Warehouse management software (U.S. only)",icon:"https://www.shipbob.com/wp-content/themes/shipbob-2022/resources/images/icon-oftrta-wms.svg",value:"WMS"}],a=(e="polysource-form",t="nextButton",o=!0)=>`\n        <div class='${e}-step'>\n            <h2 class="${e}-step-heading">What type of fulfillment services are you interested in?</h2>\n            <fieldset class='${e}-option-fieldset'>\n                <ul class='${e}-option-grid'>${s.map(({label:t,icon:o,value:i},n)=>`\n                        <li class='${e}-option-entry'>\n                            <input type='radio' id='${i}' name='product_interest' value='${i}' data-${e}-interest-param='${i}' data-action='click->

1${e}#setInterest' ${0==n?"checked":""} />\n                            <label for='${i}'>\n                                <div class='${e}-option-entry-image interest'>\n                                    <img src='${o}' />\n                                </div>\n                                <p>${t}</p>\n                            </label>\n                        </li>\n                    `).join("")}</ul>\n                <div class='${e}-submit row justify-center'>\n                    <button class='btn btn-primary' data-action='click->${e}#next' data-${e}-target='${t}'  ${o?"disabled":""}>Next</button>\n                </div>\n            </fieldset>\n        </div>\n    `,r=(e="visual-form",t="nextButton",o=!0)=>`<div class='${e}-step'>\n            <h2 class="${e}-step-heading">Which ecommerce platform do you use?</h2>\n            <fieldset class='${e}-option-fieldset'>\n                <ul class='${e}-option-grid'>${n.map(({label:t,icon:o,value:i},n)=>`\n                        <li class='${e}-option-entry'>\n                            <input type='radio' id='${i}' name='ecommerce_provider' value='${i}' data-${e}-provider-param='${i}' data-action='click->${e}#setProvider' ${0==n?"checked":""} />\n                            <label for='${i}'>\n                                <div class='${e}-option-entry-image'>\n                                    <img src='${o}' />\n                                </div>\n                                <p>${t}</p>\n                            </label>\n                        </li>\n                    `).join("")}</ul>\n                <div class="${e}-show-more">\n                    <div class="${e}-show-more-cta" data-action='click->${e}#showAllProviders'>\n                        <p>See 8 more</p>\n                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M13.3334 8.33334L10.0001 11.6667L6.66675 8.33334" stroke="#175CFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>\n                    </div>\n                </div>\n                <div class='${e}-submit row justify-center'>\n                    <button class='btn btn-primary' data-action='click->${e}#next' data-${e}-target='${t}' ${o?"disabled":""}>Next</button>\n                </div>\n            </fieldset>\n        </div>`,l=(e="visual-form",t="nextButton")=>`\n        <div class='${e}-step'>\n            <h2 class="${e}-step-heading">How many shipments per month?</h2>\n            <fieldset class='${e}-spm-fieldset' data-${e}-target='ranges'>\n                <div class='${e}-tooltip' data-${e}-target='spmFeedback'></div>\n                <div class='${e}-range'>\n                    <div class='${e}-ticker'></div>\n                    <input class='${e}-spm-range' type="range" step="1" value="0" min="0" max="7" data-action='input->${e}#shipmentsPerMonth touchmove->${e}#shipmentsPerMonth'>\n                </div>\n                <div class="${e}-spm-ranges">\n                    <p>New Store / Not Shipping</p>\n                    <p>50,000+</p>\n                </div>\n                <div class='${e}-submit row justify-center'>\n                    <button class='btn btn-primary' data-action='click->${e}#next' data-${e}-target='${t}'>Next</button>\n                </div>\n            </fieldset>\n        </div>\n    `}}]);
2//# sourceMappingURL=8198.959f6e3cc3c834fb1813.chunk.js.map